<!--幻灯片-->
<div class="hdp">
  <div class="fullSlide">
    <div class="bd">
      <ul>
        <li _src='url(images/banner1.jpg)' style='background:#fff center 0 no-repeat;'></li>
        <li _src='url(images/banner2.jpg)' style='background:#fff center 0 no-repeat;'></li>
        <li _src='url(images/banner3.jpg)' style='background:#fff center 0 no-repeat;'></li>
      </ul>
    </div>
    <div class="hd">
      <ul>
      </ul>
    </div>
  </div>
</div>
<script type="text/javascript">
  var $fullSlide = $(".fullSlide");
  $fullSlide.hover(function () {
        jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
      },
      function () {
        jQuery(this).find(".prev,.next").fadeOut()
      });
  $fullSlide.slide({
    titCell: ".hd ul",
    mainCell: ".bd ul",
    effect: "fold",
    autoPlay: true,
    autoPage: true,
    trigger: "click",
    startFun: function (i) {
      var curLi = jQuery(".fullSlide .bd li").eq(i);
      if (!!curLi.attr("_src")) {
        curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
      }
    }
  });
</script>

<!--广告展示-->
<div class="ggzsw">
  <div class="ggzs" id="wrap">
    <ul>
      <li class="ggzsli">
        <div class="ggzslia">
          <span class="jumbo" id="myTargetElement">1890</span>
          <span class="ggzslib">M+</span>
        </div>
        <div class="ggzsliy">Monthly Impressions</div>
      </li>
      <li class="ggzsli">
        <div class="ggzslia">
          <span class="jumbo" id="myTargetElement2">15894</span>
          <span class="ggzslib">M+</span>
        </div>
        <div class="ggzsliy">Monthly Active Users</div>
      </li>
      <li class="ggzsli">
        <div class="ggzslia">
          <span class="jumbo" id="myTargetElement3">1890</span>
          <span class="ggzslib">+</span>
        </div>
        <div class="ggzsliy">Apps on YoMob</div>
      </li>
    </ul>
  </div>
</div>
<script type="text/javascript">
  var options = {
    useEasing: true,
    useGrouping: true,
    separator: ',',
    decimal: '.',
    prefix: '',
    suffix: ''
  };
  var demo = new CountUp("myTargetElement", 0, 120, 0, 2.5, options);
  var demo2 = new CountUp("myTargetElement2", 0, 5, 0, 2.5, options);
  var demo3 = new CountUp("myTargetElement3", 0, 300, 0, 2.5, options);


  demo.start();
  demo2.start();
  demo3.start();


</script>

<!--平台接入-->
<div class="ptjr">
  <div class="ptjrbt">
    <b>Monetization as a Service</b><br/>
    One service to connect all premium mobile video ads networks globally<br/>
    <img src="/images/pt.jpg" width="47" height="2"/>
  </div>
  <div class="ptjrnr">
    <ul>
      <div class='pics-active' id="pt1">
        <li><img src="/images/pt1.jpg" width="259" height="82"/></li>
        <li><img src="/images/pt2.jpg" width="259" height="82"/></li>
        <li><img src="/images/pt5.jpg" width="259" height="82"/></li>
        <li><img src="/images/platform/admob.jpg" width="259" height="82"/></li>
        <li><img src="/images/pt4.jpg" width="259" height="82"/></li>
        <li><img src="/images/pt9.jpg" width="259" height="82"/></li>
        <li><img src="/images/pt7.jpg" width="259" height="82"/></li>
        <li><img src="/images/pt11.jpg" width="259" height="82"/></li>
        <li><img src="/images/pt12.jpg" width="259" height="82"/></li>
        <li><img src="/images/pt8.jpg" width="259" height="82"/></li>
        <li><img src="/images/pt10.jpg" width="259" height="82"/></li>
        <li><img src="/images/dianjoy.jpg" width="259" height="82"/></li>
      </div>
      <div class='pics-hide' id="pt2">
        <li><img src="/images/platform/fyber.jpg" width="259" height="82"/></li>
        <li><img src="/images/platform/yezi.jpg" width="259" height="82"/></li>
        <li><img src="/images/oneway.jpg" width="259" height="82"/></li>
        <li><img src="/images/pubnative.jpg" width="259" height="82"/></li>
        <li><img src="/images/nativeX.jpg" width="259" height="82"/></li>
        <li><img src="/images/appnext.jpg" width="259" height="82"/></li>
        <li><img src="/images/pt3.jpg" width="259" height="82"/></li>
      </div>
    </ul>
    <div class="clear center">
      <div id="ptpre">1</div>
      <div id="ptnext">2</div>
    </div>
    <script>
      //       翻页效果
      $('#ptpre').css('background','#4093d9');
      $('#ptpre').click(function () {
        $('#ptpre').css('background','#4093d9');
        $('#ptnext').css('background','');
        $('#pt1').slideDown();
        $('#pt2').slideUp();
      });
      $('#ptnext').click(function () {
        $('#ptpre').css('background','');
        $('#ptnext').css('background','#4093d9');
        $('#pt1').slideUp();
        $('#pt2').slideDown();
      })
    </script>
  </div>
</div>

<!--产品服务-->
<div class="cpw">
  <div class="cp">
    <div class="cpz">
      <b>Dedicated Customer Support Team with <br/>
        Rich Experience of Ads Optimization</b><br/>
      <img src="/images/cpzs1.jpg" width="113" height="2"/><br/>
      <div class="sub-text">
        24/7 Tech support<br/>
        Product team for ads scene design instruction<br/>
        Improvement for video ads impressions<br/>
        Tracking ads optimization performance
      </div>
    </div>
    <div class="cpy"><img src="/images/cpzs.jpg" width="600" height="409"/></div>
  </div>
</div>


<!--数据透明-->
<div class="sjtm">
  <div class="sjtmz"><img src="/images/sjtm.jpg" width="622" height="418"/></div>
  <div class="sjtmy">
    <b>Cloud-based Real-time Optimization Service<br/>Data Transparency</b><br/>
    <img src="/images/sjtm1.jpg" width="113" height="2"/><br/>
    <div class="sub-text">
      Global based big data platform<br/>
      Optimize video ads waterfall and traffic in real-time<br/>
      Automatic optimization algorithm for best monetization performance<br/>
      Dashboard professional ads data analytics with full transparency<br/>
      <!--收入、eCPM同步增长-->
    </div>
  </div>
</div>


<!--产品服务-->
<div class="cpw">
  <div class="cp">
    <div class="cpz2">
      <!--<b>Efficient, Stable and Secure SDK Integration<br/>Low integration and maintenance cost</b><br/>&lt;!&ndash;&ndash;&gt;-->
      <b>Efficient, Stable, Secure SDK with <br/>
        Low Integration and Maintenance Cost</b><br/>
      <img src="/images/cpzs1.jpg" width="113" height="2"/><br/>
      <div class="sub-text">
        Supports most development enviorment and system platform<br/>
        High compatibility<br/>
        Flexible SDK integration with customized ads networks choice<br/>
        Routine SDK updates for better performance
      </div>
    </div>
    <div class="cpy"><img src="/images/cpzs2.png" width="600" height="409"/></div>
  </div>
</div>


<!--众多用户-->
<div class="zdyh">
  <div class="ptjrbt">
    <b>They Are Using</b><br/>
    Monetization improved significantly with high customer satisfaction<br/>
    <img src="/images/pt.jpg" width="47" height="2"/>
  </div>
  <div class="zdyhnr">
    <ul>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh1.jpg" width="113" height="113"/></div>
        <div class="zdyhnry">Attack Hero</div>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh2.jpg" width="113" height="113"/></div>
        <div class="zdyhnry">Fishingjoy 3</div>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh3.jpg" width="113" height="113"/></div>
        <div class="zdyhnry">Zap Zombies</div>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh4.jpg" width="113" height="113"/></div>
        <div class="zdyhnry">Riptide GP3</div>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh5.jpg" width="113" height="113"/></div>
        <div class="zdyhnry">Into Mirror</div>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh6.jpg" width="113" height="113"/></div>
        <div class="zdyhnry">Soul Knight</div>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh7.jpg" width="113" height="113"/></div>
        <div class="zdyhnry">Tiny Bone</div>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh8.jpg" width="113" height="113"/></div>
        <div class="zdyhnry">Soda World</div>
      </li>
    </ul>
  </div>
</div>
<!--图片切换-->
<div class="qhw">
  <div class="qh">
    <div id="wrapper">
      <!--<div id="LeftButton" stysty></div>-->
      <div id="CSSBox">
        <ul id="CSSContent">
          <li><img src="/images/hz1.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/hz2.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/hz3.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/hz4.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/hz5.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/hz6.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/partner/binrree.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/partner/chillyroom.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/partner/cmge.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/partner/dreamsky.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/partner/star.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
        </ul>
      </div>
      <!--<div id="RightButton"></div>-->
    </div>
    <div style="clear:both"></div>
    <!--轮播图片-->
    <script type="text/javascript">
      new Marquee(
          {
            MSClass: ["CSSBox", "CSSContent"],
            Direction: 2,
            PrevBtnID: "LeftButton",
            NextBtnID: "RightButton",
            Step: 0,
            Width: 1000,
            Height: 104,
            Timer: 2,
            DelayTime: 0,
            WaitTime: 3,
            ScrollStep: 166,
            SwitchType: 0,
            AutoStart: true
          }
      );
    </script>
  </div>
</div>
<script>
  $('#index').css('background', '#036eb8')
  $('#index').css('color', '#fff');
  //  $("#p2").hide();
  $("#nextpage").click(function () {
    $(this).hide();
    $("#p2").show();
  })
</script>